<!DOCTYPE html>
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="CSS(title,style)">
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title th:replace="${title}"></title>
    <link href="/assets/css/css2.css" rel="stylesheet">
    <link href="/assets/favicon.ico" rel="icon" type="image/x-icon">
    <link href="/assets/css/slick.css" rel="stylesheet" type="text/css">
    <link href="/assets/css/style.css" rel="stylesheet">
    <style th:replace="${style}"></style>
</head>
<body>
<div class="wrapper">
    <header class="header" th:fragment="Menu">
        <div class="header__container">
            <div class="header__inner">
                <div class="header__column header__column--logo">
                    <img alt="Logo" class="logo_neo" src="/assets/logo.png">
                </div>
                <div class="header__column header__column--menu">
                    <div class="header__menu menu">
                        <nav class="menu__nav">
                            <ul class="menu__list">
                                <li class="menu__item">
                                    <a class="menu__link" href="/index">主页</a>
                                </li>
                                <li class="menu__item">
                                    <a class="menu__link" href="/welfare">关于俱乐部</a>
                                </li>
                                <li class="menu__item">
                                    <a class="menu__link" href="/activity">训练精英计划</a>
                                </li>
                                <li class="menu__item">
                                    <a class="menu__link" href="/star">俱乐部明星</a>
                                </li>
                                <li class="menu__item">
                                    <a class="menu__link" href="/index#contacts">联系俱乐部</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="header__column header__column--button">
                    <a class="header__button button" href="/index#formIn">加入俱乐部</a>
                </div>
                <button class="header__burger burger">
                    <span></span>
                </button>
            </div>
        </div>
    </header>
    <footer class="footer" th:fragment="Detail">
        <div class="footer__container">
            <div class="footer__inner">
                <div class="footer__copyright">
                    <p class="copyright">
                        Copyright &copy; 2023.
                        合肥大学田径俱乐部
                        hfuu track and field club.All Rights Reserved.
                    </p>
                </div>
                <ul class="footer__links">
                    <li class="footer__item">
                        <a class="footer__link" href="https://www.hfuu.edu.cn/">合肥大学官网</a>
                    </li>
                    <li class="footer__item">
                        <a class="footer__link" href="https://www.runchina.org.cn/#/home">中国马拉松协会</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="legal">
            <p>网站备案号:皖34019102000134</p>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34019102000134">公安机关工信部查询地址</a>
        </div>
        <a aria-label="arrow up" class="scroll-up__link" data-scroll="#home" href="#">
            <img alt="arrow up" src="/assets/picture/arrow-up.svg">
        </a>
    </footer>
</div>
<div th:fragment="JavaScript">
    <script src="/assets/js/jquery-3.6.0.min.js"></script>
    <script src="/assets/js/slick.min.js"></script>
    <script src="/assets/js/script.js"></script>
</div>
</body>
</html>
